/*******************************/
/* Ajout d'une police exotique */
/*******************************/
@font-face 
	{
	font-family: 'QlassikMediumRegular';
	src: url('qlassik_tb-webfont.eot');
	src: url('qlassik_tb-webfont.eot?#iefix') format('embedded-opentype'),
		url('qlassik_tb-webfont.woff') format('woff'),
		url('qlassik_tb-webfont.ttf') format('truetype'),
		url('qlassik_tb-webfont.svg#QlassikMediumRegular') format('svg');
	font-weight: normal;
	font-style: normal;
	}

@font-face {
    font-family: 'Lobster14Regular';
    src: url('lobster_1.4-webfont.eot');
    src: url('lobster_1.4-webfont.eot?#iefix') format('embedded-opentype'),
         url('lobster_1.4-webfont.woff') format('woff'),
         url('lobster_1.4-webfont.ttf') format('truetype'),
         url('lobster_1.4-webfont.svg#Lobster14Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/***********************/
/* Paramètres généraux */
/***********************/
html
	{
	height : 100%;
	}

body 
	{
	background: #F5F5F5;
	margin:-21px 0 0 0;
	padding: 0;
	display: block;
	height : 50%;
	}

div.yield
	{
	height: 100%;
	 min-height: 100%;
	width: 1024px;
	margin: auto;
	height: auto;
	}
	
div.yield h1, div.yield h2, div.yield h3, div.yield h4, div.yield h5, div.yield h6
	{
	font-family : 'QlassikMediumRegular', calibri, arial, helvetica, sans-serif;
	text-shadow: 0 1px 1px rgba(255,255,255,0.8);
	}

h2
	{
	margin-left : 200px;
	color : #000;
	font-weight : normal;
	}

body, p, ol, ul, td 
	{
	font-family: calibri, verdana, arial, helvetica, sans-serif;
	font-size:   1em;
	color: #000;
	/*line-height: 18px;*/
	}


/****************************/
/* Entête et menu principal */
/****************************/
header
	{
	background :#333333 url("../images/bg.png");
	overflow: hidden;
	}

#logo
	{
	background-image : url("../images/rails2.png");
	background-repeat : no-repeat;
	min-height : 150px;
	width : 100%;
	}

#logo h1
	{
	padding-top : 20px;
	margin-left : 150px;
	font-size : 30px;
	height : 30px;
	color : white;
	font-family : 'QlassikMediumRegular', calibri, arial, helvetica, sans-serif;
	font-weight : normal;
	}

#logo  h2
	{
	margin-left : 200px;
	font-size : 25px;
	height : 30px;
	margin-bottom: -20px;
	color : #A23536;
	font-family : 'Lobster14Regular', calibri, arial, helvetica, sans-serif;
	font-weight : normal;
	font-style : italic;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
	}

#logo menu
	{
	width: 1000px;
	margin: auto;
	}

#logo menu ul li 
	{
	margin-left : 0.8em;
	padding : 0 10px 0 10px;
	float:left; /*pour IE*/
	list-style-type:none;
	margin-top : 55px;
	margin-bottom : 0px;
	height : 35px;
	text-transform: uppercase;
	display :inline;
	background : url("../images/pasla.png")no-repeat center;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	}

#logo menu ul li a
	{
	padding-top : 10px;
	margin-top : 5px;
	color : #f5f5f5;
	text-shadow: 0 0 1px #000;
	font-size : 0.8em;
	}

#logo menu ul li a:hover
	{
	font-size : 0.8em;
	color : #da2034;
	}

#logo menu ul li#femme_actuelle
	{
	background:url("../images/ici.png")no-repeat center;
	height : 35px;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	}

#user
	{
	text-align : center;
	float : right;
	}

#user a
	{
	color : #FFF;
	}

#login input[type=submit] #login_authentification input[type=submit]
	{
	font-family: Helvetica, verdana, arial, helvetica, sans-serif;
	padding: 4px 12px 4px;
	color:#fff;
	font-size: 11px;
	font-weight: bold;
	line-height: 1;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 0px solid #9b9b9b;
	background:#d3d3d3;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="d3d3d3", endColorstr="e7e7e7"); /* Pour IE seulement et mode gradient à linear */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#e7e7e7));
	background-image: -moz-linear-gradient(top center, #d3d3d3, #e7e7e7);
	background-image: -o-linear-gradient(top, #d3d3d3, #e7e7e7); /*uniquement en mode linear*/
	border-bottom: 1px solid rgba(0, 0, 0, 0.35);
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
	text-decoration : none;
	}
#login input[type=submit]:hover
	{
	font-family: Helvetica, verdana, arial, helvetica, sans-serif;
	padding: 4px 12px 4px;
	color:#fff;
	font-size: 11px;
	font-weight: bold;
	line-height: 1;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 0px solid #9b9b9b;
	background:#c3c3c3;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="c3c3c3", endColorstr="d7d7d7"); /* Pour IE seulement et mode gradient à linear */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#c3c3c3), to(#d7d7d7));
	background-image: -moz-linear-gradient(top center, #c3c3c3, #d7d7d7);
	background-image: -o-linear-gradient(top, #c3c3c3, #d7d7d7); /*uniquement en mode linear*/
	border-bottom: 1px solid rgba(0, 0, 0, 0.35);
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
	text-decoration : none;
	}


/*****************/
/* Corps du site */
/*****************/
a
	{
	font-size : 0.8em;
	color : #333;
	text-decoration: none;
	}

a:hover
	{
	font-size : 0.8em;
	color: #999;
	text-decoration: none;
	}

label
	{
	text-shadow: 0px 1px 1px #fff;
	}

div.texte
	{
	padding : 10px;
	text-align : justify;
	}

span.titre
	{
	font-size : 1.5em;
	font-weight: bold;
	font-family : 'QlassikMediumRegular', calibri, arial, helvetica, sans-serif;
	color : #2d6fd2;
	text-shadow: 1px 1px 1px #fff;
	}

span.nom
	{
	font-style: italic;
	font-size : 0.8em;
	}

div.video
	{
	margin : auto;
	text-align : center;
	}



/****************/
/* fil d'ariane */
/****************/

div#fil_ariane a
	{
	font-size : 1em;
	color : #A23536;
	font-family : 'QlassikMediumRegular', calibri, arial, helvetica, sans-serif;
	}

div#fil_ariane
	{
	width : 1000px;
	margin : auto;
	font-size : 0.8em;
	color : #A23536;
	font-family : 'QlassikMediumRegular', calibri, arial, helvetica, sans-serif;
	}

span.js_desactive
	{
	display : block;
	color : red;
	text-align : center;
	margin : auto;
	font-size : 1em;
	width: 1000px;
	}



/************************/
/* Boxes de supervision */
/************************/
table.ajoutMachine
	{
	text-align : left;
	margin-left : 5px;
	}

table.table_salle
	{
	text-align : left;
	margin-left : 15px;
	}


div#trash
	{
	bottom: 0;
	float: right;
	right : 185px;
	width : 110px;
	height: 110px; 
	background: url("../images/trash.png") no-repeat center;
	color : #000;
	z-index:1;
	}
html>body div#trash
	{
	height: auto;
	min-height: 110px; 	
	}

span.erreur
	{
	width : 1000px;
	text-align : center;
	margin-top : -10px;
	margin-bottom : -10px;
	position : absolue;
	z-index : 10;
	}

#notice_message
	{
	width : 1000px;
	border : 2px dashed #3bcf42;
	text-align : center;
	margin-top : -10px;
	margin-bottom : -10px;
	position : absolue;
	z-index : 10;
	}


#error_message
	{
	width : 1000px;
	text-align : center;
	margin-top : -10px;
	margin-bottom : -10px;
	position : absolue;
	z-index : 10;
	}

div.ico_salle
	{
	 background : #abebae url("../images/bord_salle.png") no-repeat;
	 width : 486px;
	 margin-top: 1em;
	}


div.Salle_machine
	{
	width : 470px;
	background : url("../images/salle.png") no-repeat center;
	color : #CCC;
	/*border : 3px solid #3bcf42;*/
	margin: 1em;
	height: 100px ; 
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}
html>body div.Salle_machine
	{
	height: auto;
	min-height: 100px; 
	} 

div.Salle_machine a
	{
	color : #333;
	margin-left : 0.5em;
	}

#liste_salles
	{
	float : left;
	width: 490px;
	margin : 0;
	z-index : 2;
	}
#liste_salles div.scroll
	{
	padding-left : 5px;
	z-index : 3;
	}

#nom_salle
	{
	font-size : 1.5em;
	top : 140px;
	right : 0px;
	font-family : 'QlassikMediumRegular', calibri, arial, helvetica, sans-serif;
	color : #333;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 1);
	}

aside.ico_machine
	{
	float : left;
	 background : #f2c692 url("../images/bord_machine.png") no-repeat;
	 width : 496px;
	 margin: 1em;
	 padding-left : 5px;
	}
div#liste_machine_sans_salle
	{
	width : 480px;
	background: url("../images/pc.png") no-repeat center;
	color : #CCC;
	/*border : 3px solid #e0551e;*/
	margin: 1em;
	height: 100px ; 
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	}
html>body div#liste_machine_sans_salle
	{
	height: auto;
	min-height: 100px; 
	} 

table td
	{
	width : 500px;
	height : 30px;
	text-align : left;
	}

div.scroll
	{
	max-height : 165px;
	overflow-y : scroll;
	overflow-x : visible;
	}

table
	{
	border-collapse : collapse;
	}

table.bordure td
	{
	border-bottom : 1px solid rgba(0, 0, 0, 0.1);
	}

table.bordure tr:hover
	{
	background : rgba(0, 0, 0, 0.05);
	}

span.handle_salle
	{
	margin-left : 1em;
	}
	
div.table_machine 
	{
	width : 80%;
	margin: auto;
	}

div.table_machine table th
	{
	font-family : 'QlassikMediumRegular', calibri, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 1.1em;
	background : #b5b5b5;
	color : #FFF;
	height : 30px;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.25);
	}

div.table_machine table tr
	{
	border-bottom : 1px solid rgba(0, 0, 0, 0.1);
	text-align : left;
	}

div.table_machine table td
	{
	text-align : left;
	}

div.table_machine table th.cellbouton
	{
	width : 220px;
	}
html>body div.table_machine table th.cellbouton
	{
	min-width: 220px; 	
	}

div.table_machine table tr:hover
	{
	background : rgba(0, 0, 0, 0.05);
	}

span#info_bulle_machine
	{
	left : 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background : rgba(200, 200, 200, 0.9) url("../images/engrenage.png") no-repeat center;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.7);
	box-shadow: 0 0 10px rgba(0,0,0,0.7);
	}

span#info_bulle_machine img
	{
	display : block;
	margin : auto;
	}

/*div#notification
	{
	position : fixed;
	left : 0px;
	right :0px;
	bottom: 0px;
	height : 30px;
	width : 100%;
	border-top : 1px solid rgba(0, 0, 0, 0.5);
	background: #e8e8e8;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e8e8e8", endColorstr="#dadada"); 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#dadada));
	background-image: -moz-linear-gradient(top center, #e8e8e8, #dadada);
	background-image: -o-linear-gradient(top, #e8e8e8, #dadada); 
	}*/





/*****************/
/* Bouton submit */
/*****************/
input[type=submit]
	{
	font-family: Helvetica, verdana, arial, helvetica, sans-serif;
	padding: 7px 12px 8px;
	color:#fff;
	font-size: 13px;
	font-weight: bold;
	line-height: 1;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 0px solid #9b9b9b;
	background:#91BD09;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="91BD09", endColorstr="9cd417"); /* Pour IE seulement et mode gradient à linear */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#91BD09), to(#9cd417));
	background-image: -moz-linear-gradient(top center, #91BD09, #9cd417);
	background-image: -o-linear-gradient(top, #91BD09, #9cd417); /*uniquement en mode linear*/
	border-bottom: 1px solid rgba(0, 0, 0, 0.25);
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
	text-decoration : none;
	}

input[type=submit]:hover
	{
	background : #749A02;
	text-decoration : none;
	}


/********************/
/* Bouton Supprimer */
/********************/
span.delete a, div.Salle_machine span.delete a
	{
	font-family: Helvetica, verdana, arial, helvetica, sans-serif;
	padding: 4px 12px 4px;
	color:#fff;
	font-size: 11px;
	font-weight: bold;
	line-height: 1;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 0px solid #9b9b9b;
	background:#d2602d;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="d2602d", endColorstr="d27b2d"); /* Pour IE seulement et mode gradient à linear */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#d2602d), to(#d27b2d));
	background-image: -moz-linear-gradient(top center, #d2602d, #d27b2d);
	background-image: -o-linear-gradient(top, #d2602d, #d27b2d); /*uniquement en mode linear*/
	border-bottom: 1px solid rgba(0, 0, 0, 0.25);
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
	text-decoration : none;
	}

span.delete a:hover, div.Salle_machine span.delete a:hover
	{
	background : #bc5629;
	text-decoration : none;
	color : #fff;
	-moz-box-shadow: 0px 1px 3px #656565;
	-webkit-box-shadow: 0px 1px 3px #656565;
	-o-box-shadow: 0px 1px 3px #656565;
	box-shadow: 0px 1px 3px #656565;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
	}


/*************************/
/* Bouton voir et editer */
/*************************/
span.bouton a, div.Salle_machine span.bouton a
	{
	font-family: Helvetica, verdana, arial, helvetica, sans-serif;
	padding: 4px 12px 4px;
	color:#fff;
	font-size: 11px;
	font-weight: bold;
	line-height: 1;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 0px solid #9b9b9b;
	background:#d3d3d3;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="d3d3d3", endColorstr="e7e7e7"); /* Pour IE seulement et mode gradient à linear */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#e7e7e7));
	background-image: -moz-linear-gradient(top center, #d3d3d3, #e7e7e7);
	background-image: -o-linear-gradient(top, #d3d3d3, #e7e7e7); /*uniquement en mode linear*/
	border-bottom: 1px solid rgba(0, 0, 0, 0.35);
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
	text-decoration : none;
	}

span.bouton a:hover, div.Salle_machine span.bouton a:hover
	{
	background : #c5c5c5;
	text-decoration : none;
	color : #fff;
	-moz-box-shadow: 0px 1px 3px #656565;
	-webkit-box-shadow: 0px 1px 3px #656565;
	-o-box-shadow: 0px 1px 3px #656565;
	box-shadow: 0px 1px 3px #656565;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
	}


/******************/
/* Bouton ajouter */
/******************/
span.add
	{
	Margin-left : 50px;
	}

span.add a
	{
	font-family: Helvetica, verdana, arial, helvetica, sans-serif;
	padding: 4px 12px 4px 20px;
	margin-left : 10px;
	color:#fff;
	font-size: 11px;
	font-weight: bold;
	line-height: 1;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 0px solid #9b9b9b;
	background:#c5c5c5 url("../images/add.png") no-repeat left center; /*uniquement en mode linear*/
	border-bottom: 1px solid rgba(0, 0, 0, 0.35);
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
	text-decoration : none;
	}

span.add a:hover
	{
	background:#bbb url("../images/add.png") no-repeat left center;
	text-decoration : none;
	color : #fff;
	}


/*****************/
/* Bouton retour */
/*****************/
span.undo a
	{
	font-family: Helvetica, verdana, arial, helvetica, sans-serif;
	padding: 4px 12px 4px 20px;
	margin-left : 10px;
	color:#fff;
	font-size: 11px;
	font-weight: bold;
	line-height: 1;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 0px solid #9b9b9b;
	background:#c5c5c5 url("../images/arrow_undo.png") no-repeat left center; /*uniquement en mode linear*/
	border-bottom: 1px solid rgba(0, 0, 0, 0.35);
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
	text-decoration : none;
	}
	

span.undo a:hover
	{
	background:#bbb url("../images/arrow_undo.png") no-repeat left center;
	text-decoration : none;
	color : #fff;
	}


/*****************/
/* Bouton editer */
/*****************/
span.cog a
	{
	font-family: Helvetica, verdana, arial, helvetica, sans-serif;
	padding: 4px 12px 4px 20px;
	margin-left : 10px;
	color:#fff;
	font-size: 11px;
	font-weight: bold;
	line-height: 1;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 0px solid #9b9b9b;
	background:#c5c5c5 url("../images/cog.png") no-repeat left center; /*uniquement en mode linear*/
	border-bottom: 1px solid rgba(0, 0, 0, 0.35);
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
	text-decoration : none;
	}


span.cog a:hover
	{
	background:#bbb url("../images/cog.png") no-repeat left center;
	text-decoration : none;
	color : #fff;
	}




span.export a
	{
	font-family: Helvetica, verdana, arial, helvetica, sans-serif;
	padding: 4px 12px 4px 20px;
	margin-left : 10px;
	color:#fff;
	font-size: 11px;
	font-weight: bold;
	line-height: 1;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 0px solid #9b9b9b;
	background:#c5c5c5 url("../images/excel.png") no-repeat left center; /*uniquement en mode linear*/
	border-bottom: 1px solid rgba(0, 0, 0, 0.35);
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
	text-decoration : none;
	}


span.export a:hover
	{
	background:#bbb url("../images/excel.png") no-repeat left center;
	text-decoration : none;
	color : #fff;
	}

/***************/
/* Bouton voir */
/***************/
span.show a
	{
	font-family: Helvetica, verdana, arial, helvetica, sans-serif;
	padding: 4px 12px 4px 20px;
	margin-left : 10px;
	color:#fff;
	font-size: 11px;
	font-weight: bold;
	line-height: 1;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 0px solid #9b9b9b;
	background:#c5c5c5 url("../images/eye.png") no-repeat left center; /*uniquement en mode linear*/
	border-bottom: 1px solid rgba(0, 0, 0, 0.35);
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
	text-decoration : none;
	}


span.show a:hover
	{
	background:#bbb url("../images/eye.png") no-repeat left center;
	text-decoration : none;
	color : #fff;
	}


div.update 
	{
	color: white;
	text-align: center;
	-webkit-transform: rotateZ(-45deg);
	-webkit-transform-origin: top right;
	-moz-transform: rotateZ(-45deg);
	-moz-transform-origin: top right;
	-o-transform: rotateZ(-45deg);
	-o-transform-origin: top right;
	transform: rotateZ(-45deg);
	transform-origin: top right;
	width: 100px;
	padding-top: 5px;
	padding-bottom: 5px;
	position: absolute;
	background: #4B799A;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4B799A", endColorstr="#2e4a5e"); /* Pour IE seulement et mode gradient à linear */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4B799A), to(#2e4a5e));
	background-image: -moz-linear-gradient(top center, #4B799A, #2e4a5e);
	background-image: -o-linear-gradient(top, #4B799A, #2e4a5e); /*uniquement en mode linear*/
	top: -20px;
	left: -50px;
	-webkit-transform-origin-x: 100%;
	-webkit-transform-origin-y: 0%;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	}


/****************/
/* Pied de page */
/****************/
footer
	{
	border-top: 5px solid #C1A48D;
	background:#333333 url("../images/bg.png");
	color : #FFF;
	margin-top : 0.5em;
	font-size : 0.9em; 
	font-family: 'QlassikMediumRegular',Calibri, Helvetica, verdana, arial, helvetica, sans-serif;
	text-shadow : 0 1px 1px rgba(255, 255, 255, 0.8);
	width : 100%;
	float : bottom;
	bottom : 0px;
	}

footer div#Chaussure
	{
	color : #FFF;
	margin :auto;
	width : 1024px;
	}
	
footer div.chaussette
	{
	float : left;
	width: 330px;
	margin : 0;
	padding : 5px;
	text-align : justify;
	}
footer div.chaussette p, footer div.chaussette p a
	{
	font-family: Calibri, Helvetica, verdana, arial, helvetica, sans-serif;
	color : #7D675D;
	font-size : 1em;
	text-shadow : 0 1px 1px rgba(0, 0, 0, 0.8);
	}
footer div.chaussette a
	{
	font-family: 'QlassikMediumRegular',Calibri, Helvetica, verdana, arial, helvetica, sans-serif;
	color : #7D675D;
	text-shadow : 0 1px 1px rgba(0, 0, 0, 0.8);
	}
footer div.chaussette a:hover
	{
	color : #C1A48D;
	text-shadow : 0 1px 1px rgba(0, 0, 0, 0.8);
	}

footer div#copyright p
	{
	display : block;
	margin : auto;
	font-family: 'QlassikMediumRegular',Calibri, Helvetica, verdana, arial, helvetica, sans-serif;
	color : #CCC;
	font-weight: normal;
	text-shadow : none;
	}

footer div.chaussette p.titre-pied
	{
	font-family: 'Lobster14Regular', Arial, sans-serif;
	font-size: 21px;
	color: #A23536;
	padding-bottom: 5px;
	}


.scroll
	{
	margin-left : 16px;
	}

.scroll::-webkit-scrollbar, .scroll::scrollbar
	{
	width: 12px;
	height: 12px;
	}
.scroll::-webkit-scrollbar:hover
	{
	border-left : 1px solid rgba(0, 0, 0, 0.20);
	}


.scroll::-webkit-scrollbar-thumb, .scroll::scrollbar-thumb
	{
	background-color: rgba(0, 0, 0, 0.20);
	-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.10),inset 0 -1px 0 rgba(0,0,0,0.07);
	}
.scroll::-webkit-scrollbar-thumb:hover
	{
	background-color: rgba(0, 0, 0, 0.20);
	-webkit-box-shadow: inset 2px 2px 10px rgba(0,0,0,0.25);
	}


.scroll::-webkit-scrollbar-button
	{
	width: 0;
	height: 0;
	display: none;
	}


.scroll::-webkit-scrollbar-corner
	{
	background-color: transparent;
	}